<template>
  <el-dialog title="产品信息" :visible.sync="dialogTableVisible" width="35%">
    <div class="num"><span>产品编号：</span><span>{{detail.porcelainCode}}</span></div>
    <table border="1" cellspacing="0" width="100%" height="200" style="text-align: center">
      <tr>
        <td class="bgc">名称</td>
        <td colspan="3">{{detail.porcelainName}}</td>
      </tr>
      <tr>
        <td class="bgc">分类</td>
        <td>{{detail.porcelainType}}</td>
        <td class="bgc">原产地</td>
        <td>{{detail.originPlace}}</td>
      </tr>
      <tr>
        <td class="bgc">尺寸</td>
        <td>宽{{detail.width}}*高{{detail.height}}cm</td>
        <td class="bgc">质量</td>
        <td>{{detail.weight}}g</td>
      </tr>
      <tr>
        <td class="bgc">材质</td>
        <td>{{detail.material}}</td>
        <td class="bgc">品牌</td>
        <td>{{detail.brand}}</td>
      </tr>
    </table>
  </el-dialog>
</template>

<script>
/*eslint-disable*/
  export default {
    name: "Prodetail",
    data() {
      return {
        detail:{},
        dialogTableVisible: false,
        formLabelWidth: '120px'
      };
    },
    methods: {
      changeVisible(data){
        console.log(data);
        this.detail=data;
        this.dialogTableVisible=true;
      },
    },
  }
</script>

<style scoped>
  .num{
    margin-bottom: 10px;
  }
  .bgc{
    background: #F2F2F2;
  }
</style>
